<template>
	<view>
		<u-tabbar
			:value="value"
			@change="changeer"
			:fixed="true"
			:placeholder="true"
			:safeAreaInsetBottom="true"
			activeColor="#ffaa22"
			style="position: relative;"
			
		>
			<u-tabbar-item text="首页">
				<image slot="active-icon" style="width: 22px;" mode="widthFix"
				src="@/static/tab_icons/bottom-icon1-select.png" />
				<image slot="inactive-icon" style="width: 22px;" mode="widthFix"
				src="@/static/tab_icons/bottom-icon1.png"/>
			</u-tabbar-item>
			
			<u-tabbar-item text="赛事" style="position: absolute;">
				<image slot="active-icon" style="width: 80px;" mode="widthFix"
				src="@/static/tab_icons/bottom-icon2-select.png" />
				<image slot="inactive-icon" style="width: 80px;" mode="widthFix"
				src="@/static/tab_icons/bottom-icon2.png"/>
			</u-tabbar-item>
			
			<u-tabbar-item text="我的">
				<image slot="active-icon" style="width: 22px;" mode="widthFix"
				src="@/static/tab_icons/bottom-icon3-select.png" />
				<image slot="inactive-icon" style="width: 22px;" mode="widthFix"
				src="@/static/tab_icons/bottom-icon3.png"/>
			</u-tabbar-item>
		</u-tabbar>
		<!-- data -->
		
	</view>
</template>

<script>
import numberBox from '../../uni_modules/uview-ui/libs/config/props/numberBox';
	export default {
		props:{
			value:{
				type:Number,
				default:0
			}
		},
		
		name:"tab-bar",
		data() {
			return {
				value6: 0,
			};
		},
		methods:{
			changeer(e){
				console.log(e)
				if(e==0){
					 uni.switchTab({
                            url: '/pages/index/index'
                        });
				}else if(e==1){
					 uni.switchTab({
				            url: '/pages/saishi/index'
				        });
				}else if(e==2){
					uni.switchTab({
					       url: '/pages/my/my'
					   });
				}
			}
		}
		
	}
</script>

<style>

</style>